﻿<!DOCTYPE html>
<html>
<head>
  <link href="jquery-ui/css/cupertino/jquery-ui-1.10.1.custom.css" rel="stylesheet" type="text/css"  />
  <script src="jquery-ui/js/jquery-1.9.0.js"></script>
  <script src="jquery-ui/js/jquery-ui-1.10.0.custom.min.js"></script>
  <script>
	$(function() {
		$("#tabs").tabs();
	});
  </script>
</head>
<body>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">EJEMPLOS</a></li>
		<li><a href="#tabs-2">PRUEBAS</a></li>
		<li><a href="#tabs-3">DISEÑO</a></li>
		<li><a href="#tabs-4">CODIGO</a></li>
	</ul>

	<div id="tabs-1">
<?php
foreach(glob("forms/*.xform") as $f) {
  echo '<a href="'.htmlentities('test.php?f='.urlencode($f),ENT_QUOTES,'utf-8').'">'.$f.'</a><br />';
}
?>
  </div>
	<div id="tabs-2">
<?php
foreach(glob("examples/*.xform") as $f) {
  echo '<a href="'.htmlentities('test.php?f='.urlencode($f),ENT_QUOTES,'utf-8').'">'.$f.'</a><br />';
}
?>
  </div>
	<div id="tabs-3">
    <iframe src="verdisenio.php" style="width:100%;height:400px;"></iframe>
  </div>
	<div id="tabs-4">
    <iframe src="vercodigo.php" style="width:100%;height:400px;"></iframe>
  </div>
</div>
</body>
</html>